<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- Site Title -->
    <title>503 - Temporarily unavailable</title>
    <!-- Favicon Icon -->
    <link rel="icon" type="image/x-icon" href="images/favicon.png" />
    <!-- Custom Main Stylesheet CSS -->
    <link rel="stylesheet" href="dist/css/style.css">
</head>
<body>
    <!-- Start Not Found Section -->
    <div class="notfound-wrapper">
        <h1 class="notfound-ttl">503</h1>
        <p class="notfound-tag-1">Temporarily unavailable</p>
        <span class="notfound-tag-2">Briefly unavailable for scheduled maintenance...</span>
        <span class="notfound-tag-2">Check back after some time.</span>
        <div class="notfound-link">
            <a href="#" class="btn btn-danger"><span>Report Problem</span><i class="fa fa-bug ml-2"></i></a>
        </div>
        <ul class="social-list notfound-social">
            <li><a href="#"><i class="fab fa-facebook"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-google"></i></a></li>
            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
            <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fab fa-flickr"></i></a></li>
            <li><a href="#"><i class="fa fa-rss"></i></a></li>
        </ul>
    </div><!-- End Not Found Section -->
    
</body>
</html>